// src/components/PrivateRoute.js
import { navigate } from 'gatsby'
import React from 'react'
import useLogin from '../hooks/useLogin'

export default function PrivateRoute ({component: Component, ...reset}) {
    const [isLogin, isLoading] = useLogin()
    // 正在登陆 不显示组件
    if (isLoading) return null
    // 登录成功 显示组件 并将 PrivateRoute 组件的属性都添加到 Component 组件中
    if (isLogin) return <Component {...reset} />
    // 登录失败 跳转到登录页面
    navigate('/login')
    return null
}